<template>
  <van-row class="p-1 w-[400px]">
    <van-col v-for="(item, i) in EMOTION_LIST" :key="i" span="2">
      <button>
        <van-image @click="seleIcon(i)" :src="`${EMOTION_BASE_URL}${i}.gif`" />
      </button>
    </van-col>
  </van-row>
</template>

<script setup>
import { EMOTION_BASE_URL, EMOTION_LIST } from "@/constants";
const emits = defineEmits(["seleIcon"]);
const seleIcon = (i) => {
  emits(
    "seleIcon",
    `<img src='${EMOTION_BASE_URL}${i}.gif' style='display: inline-block;'/>`
  );
};
</script>

<style>
</style>